<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>投资列表</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <!--矢量图标样式-->
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
    <!--html,body,通用头部样式-->
    <link rel="stylesheet" type="text/css" href="../common_css/common.css" />
    <!--自己的样式-->
    <!--<link rel="stylesheet" type="text/css" href="css/investment_list.css" />-->
    <link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" />
    <script src="../common_js/jquery-1.11.0.min.js"></script>
    <script src="../common_js/jquery-weui.js"></script>
    <script src="../common_js/refresh.js"></script>
    <script src="../common_js/common_font.js"></script>
    <style type="text/css">
    /*最外部的div*/
    
    #investment_list_main {
        max-width: 100%;
        min-width: 320px;
        height: 100%;
        background: #FFFFFF;
        position: relative;
    }
    /*身体内容的结束的div*/
    
    .investment_list_content {
        /*border: 1px solid red;*/
        margin-top: 50px;
        padding: 0.1rem 0.1rem 0px 0.1rem;
    }
    
    .investment_list_fixed {
        width: 100%;
        height: .4rem;
        border-bottom: 1px solid #F5F5F5;
        margin-top: -0.1rem;
    }
    
    .investment_list_fixed,
    .investment_list_maincontent {
        width: 100%;
        font-size: .13rem;
        /*border: 1px solid green;*/
        display: -webkit-box;
        /*垂直居中*/
        -webkit-box-align: center;
    }
    
    .investment_list_maincontent {
        /*border: 1px solid green;*/
        margin-top: .2rem;
    }
    
    .investment_list_fixed>h3 {
        padding: .1rem 0;
    }
    /*内容显示样式结束*/
    
    .choose_way_self {
        font-family: "PingFangSC-Regular";
        font-size: .14rem;
        color: #323232;
        /*border: 1px solid blue;*/
    }
    
    .choose_way_self img {
        width: .09rem;
        height: .2rem;
        vertical-align: middle;
    }
    
    .investment_list_div2 {
        width: 20%;
        text-align: center;
        /*border: 1px solid yellow;*/
    }
    
    .investment_list_div3 {
        width: 35%;
        text-align: center;
        padding-right: 0.1rem;
    }
    
    .investment_list_fixed .investment_list_div3,
    .investment_list_fixed .investment_list_div4 {
        position: relative;
    }
    
    .investment_list_div4 {
        width: 20%;
        text-align: right;
    }
    
    .yuan {
        color: #C2C2C2;
        margin-left: 0.05rem;
        font-size: 10px;
    }
    /*上下箭头样式*/
    
    .i_top {
        width: .12rem;
        height: .16rem;
        /*border: 1px solid red;*/
        text-align: center;
        vertical-align: middle;
        display: inline-block;
    }
    
    .my-icon {
        color: #323232;
        font-size: .1rem;
        /*margin-left: 14px;*/
    }
    /*内容显示样式*/
    
    .investment_list_div1 {
        display: -webkit-box;
        width: 25%;
        /*垂直居中*/
        -webkit-box-align: center;
        /*border: 1px solid red;*/
        padding-left: 0.03rem;
    }
    
    .investment_list_tou_img {
        display: -webkit-box;
        width: 25%;
        /*垂直居中*/
        -webkit-box-align: center;
        /*border: 1px solid yellow;*/
    }
    /*头像*/
    
    .investment_list_headsculpture {
        width: .35rem;
        height: .35rem;
        border-radius: .17rem;
    }
    
    .investment_list_headsculpture>img {
        width: 100%;
        border-radius: .17rem;
    }
    
    .investment_list_right {
        margin-left: 0.05rem;
    }
    
    .investment_list_name {
        font-family: "PingFangSC-Regular";
        font-size: .13rem;
        color: #323232;
    }
    /*编号*/
    
    .investment_list_number {
        color: #D8D8D8;
        font-size: .12rem;
    }
    /*右边的名称结束*/
    
    .investment_list_number1 {
        font-family: " PingFangSC-Regular";
        font-size: .18rem;
        color: #FF0000;
        letter-spacing: 0.86px;
        /*border: 1px solid blue;*/
    }
    /*新行价的样式结束*/
    /*涨跌幅样式*/
    
    .investment_list_number2 {
        width: .7rem;
        height: .27rem;
        display: -webkit-box;
        /*垂直居中*/
        -webkit-box-align: center;
        /*水平居中*/
        -webkit-box-pack: center;
        background: #FF0000;
        border-radius: 5px;
        font-family: " PingFangSC-Regular";
        font-size: .14rem;
        color: #FFFFFF;
        margin-left: 0.06rem;
        letter-spacing: 0.75px;
    }
    
    .investment_list_green {
        color: #A0C570;
    }
    
    .investment_list_green2 {
        color: #BCEC7B;
        background: #79D01C;
    }
    </style>
</head>

<body>
    <!--investment_list-->
    <!--总体div-->
    <div id="investment_list_main">
        <!--通用头部-->
        <div class="all_top">
            <a href="javascript:;"><i class="iconfont icon-back icon-myback"></i></a>投资列表
        </div>
        <!--通用头部结束-->
        <!--主题内容-->
        <div class="investment_list_content">
            <div class="weui-pull-to-refresh__layer">
                <div class='weui-pull-to-refresh__arrow'></div>
                <div class='weui-pull-to-refresh__preloader'></div>
                <div class="down">下拉刷新</div>
                <div class="up">释放刷新</div>
                <div class="refresh">正在刷新</div>
            </div>
            <!--全部，预约数等文字显示-->
            <div class="investment_list_fixed" style="border-bottom: 1px solid #F5F5F5; height: 50px;">
                <div class="investment_list_div1 choose_way_self">全部</div>
                <div class="investment_list_div2 choose_way_self">预约数</div>
                <div class="investment_list_div3 choose_way_self">新行价<span class="yuan">元/小时</span><span> <img src="../commonimg/排序@2x.png"/></span>
                </div>
                <div class="investment_list_div4 choose_way_self">涨跌幅 <img src="../commonimg/排序@2x.png" />
                </div>
            </div>
            <!--全部，预约数等文字显示结束-->
            <!--单个内容显示-->
            <div class="investment_list_maincontent">
                <div class="inv investment_list_tou_img">
                    <!--头像-->
                    <div class="investment_list_headsculpture">
                        <img src="../commonimg/chatimg8.jpg" />
                    </div>
                    <!--头像结束-->
                    <!--右边名字显示-->
                    <div class="investment_list_right">
                        <!--昵称-->
                        <div class="investment_list_name">雯雯</div>
                        <!--昵称结束-->
                        <!--编号-->
                        <div class="investment_list_number">800001</div>
                        <!--编号结束-->
                    </div>
                    <!--右边名字显示结束-->
                </div>
                <div class="investment_list_div2" style=" font-size: 16px; opacity: 0.67;">1234</div>
                <div class="investment_list_div3 investment_list_number1" style="padding-left: 6px; width: 33%;">4068</div>
                <p class="investment_list_div4 investment_list_number2">10.63%</p>
            </div>
        </div>
        <!--总体内容结束的div-->
    </div>
    <!--总体div结束-->
    <!-- <script src="../common_js/jquery-1.11.0.min.js"></script> -->
    <!--公共的点击预约的加号的按钮的跳转以及点击每页左上角的跳转-->
    <script src="../common_js/onclick_pop_view.js"></script>
</body>

</html>
